<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Orientaion Sessions</title>
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/main.css">
    <link rel="stylesheet" type="text/css" href="../../static/hall/orientaion/css/dialog.css">
    <script type="text/javascript" src="../../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../../static/hall/orientaion/js/common.js"></script>
    <script type="text/javascript" src="../../static/hall/orientaion/js/slides.min.jquery.js"></script>
    <script type="text/javascript">
        $(function () {

            $('#boothList').slides({
                preload: true,
                preloadImage: 'http://www.gensee.com/static/images/loading.gif',
                play: 5000,
                pause: 2500,
                slideSpeed: 500,
                fadeSpeed: 500,
                hoverPause: true,
                generatePagination: false,
                generateNextPrev: true
            });
        });
    </script>
</head>

<body class="bg">
<div class="wrap">
    <div class="container">
        <div class="main booth-center">
            <div class="hall-list-btn">Orientaion Sessions List</div>
            <div id="boothList" class="booth-list-wrap">
                <div class="slides_container">
                    <div class="booth-list">
                        <ul>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="booth-list">
                        <ul>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                            <li>
                                <a class="a-logo" href="../../booth/orientaion/index.html" target="_blank"
                                   title="Title">
                                    <img src="../../static/hall/orientaion/images/img.jpg"/>
                                    <em class="icon-into"></em>
                                </a>

                                <div class="info">
                                    <h3>Title</h3>

                                    <div>introduction introduction</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu">
            <ul id="nav" class="nav">
                <li><a href="index.html"><em class="home-icon"></em><span>Home</span></a></li>
                <li class="line"></li>
                <li><a href="hall.html">School Main Hall</a></li>
                <li class="line"></li>
                <li class="current"><a href="sessions.html">Orientation Sessions</a></li>
                <li class="line"></li>
                <li><a href="auditorium.html">Auditorium</a></li>
                <li class="line"></li>
                <li><a href="resources.html">Resources</a></li>
                <li class="line"></li>
                <li><a href="../../chat/">Chat Room</a></li>
            </ul>
            <a class="logo" href="http://www.gensee.com/" target="_blank"><img
                    src="../../static/hall/orientaion/images/logo.png" alt=""/></a>
            <span class="floatr line"></span>
            <a class="lang lang-en" href="javascript:;" title="change language"></a>

            <div class="welcome">
                <span>Welcome! <b title="administrator">administrator</b></span><a href="login.html">Exit</a>
            </div>
        </div>
        <div class="overlay"></div>
    </div>
</div>
</body>
</html>
